<template>
  <div>
    <div>
      <button @click="isShow = true">button</button>
      <About v-show="isShow" :isShow.sync="isShow">
        <template slot="title">
          About
        </template>
        <template slot="content">
          Aboutcontent
          <input v-model="content" type="text" />
        </template>
        <template slot="btn">
          <button @click="affirm">确认</button>
          <button @click="calloff">取消</button>
        </template>
      </About>
    </div>
  </div>
</template>

<script>
import About from "../views/About";
export default {
  data() {
    return {
      isShow: false,
      content: "",
    };
  },
  methods: {
    affirm() {
      console.log(this.content);
      this.isShow = false;
      this.content = "";
    },
    calloff() {
      this.isShow = false;
      this.content = "";
    },
  },
  components: {
    About,
  },
};
</script>

<style scoped></style>
